
.card-contentPart {
    background-color: #fff;
    height: 145px;
    padding-left: 15px;
    paddingRight: 15px;
    padding-top: 15px;
}

.panelPart {
    height: 135px;
    background-color: #fff;
    border-top-left-radius: 8px;
    border-topRight-radius: 8px;
}

.panelPartImg {
    height: 135px;
    width: 30px;
    position: absolute;
    left: 0;
    top: 0;
    border-top-left-radius: 8;
    border-topRight-radius: 8;
}

.card-content {
    background-color: #fff;
    padding-top: 15px;
}

.panel {
    height: 215px;
    border-radius: 8;
    margin-left: 15px;
    marginRight: 15px;
}

.panelImg {
    position: absolute;
    left: 0;
    top: 0;
    height: 185px;
    width: 345px;
    background-color: #fff;
    border-radius: 8;
}

.panelImgbg {
    position: absolute;
    left: 0;
    top: 0;
    height: 185px;
    width: 345px;
    background-color: #999;
    border-radius: 8;
}

.cardCrownImg {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 15px;
    right: 20px;
}

.cardCrownLine {
    height: 40px;
    position: absolute;
    top: 50px;
    left: 95px;
    border-left-width: 1;
    border-left-color: #9999a3
}

.logo {
    width: 60px;
    height: 60px;
    background-color: #d9d9d9;
    border-radius: 30px;
    position: absolute;
    top: 55;
    left: 45;
}

.logoPart {
    width: 60px;
    height: 60px;
    background-color: #d9d9d9;
    border-radius: 30px;
    position: absolute;
    top: 40px;
    left: 45px;
}

.logoImg {
    width: 58px;
    height: 58px;
    margin: 1px;
    border-radius: 29px;
}

.cardShadowImg {
    width: 375px;
    height: 10px;
    opacity: 0px .6;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.logoText {
    font-size: 20px;
}

.title {
    width: width-20px0px;
    height: 25;
    opacity: 1;
    color: #ccc;
    font-size: 20px;
    border-radius: 10px;
    position: absolute;
    top: 60px;
    left: 116;
}

.titlePart {
    width: width-20px0px;
    height: 25;
    opacity: 1;
    color: #ccc;
    font-size: 20px;
    border-radius: 10px;
    position: absolute;
    top: 45;
    left: 116;
}

.subtitle {
    height: 20px;
    width: width-20px0px;
    opacity: 1;
    color: #999999;
    font-size: 14;
    border-radius: 10px;
    position: absolute;
    top: 90px;
    left: 116;
}

.subtitlePart {
    height: 20px;
    width: width-20px0px;
    opacity: 1;
    color: #999999;
    font-size: 14;
    border-radius: 10px;
    position: absolute;
    top: 75;
    left: 116;
}

.qrcode {
    width: 50px;
    height: 70px;
    background-color: #fff;
    border-radius: 25;
    position: absolute;
    top: 20px;
    right: 25;
    flex-direction: column;
}

.qrcodeImg {
    width: 25;
    height: 25;
    position: absolute;
    top: 10px;
    right: 15;
}

qrcodeText {
    height: 20px;
    font-size: 14;
    color: #63636d;
    position: absolute;
    top: 15;
    right: 50px;
}

.cardnumber {
    height: 30px;
    color: #63636d;
    font-size: 20px;
    border-radius: 10px;
    position: absolute;
    top: 130px;
    left: 50px;
    letterSpacing: 20px;
}

.cardnumberItem {
    height: 28;
    color: #63636d;
    font-size: 22;
    border-radius: 10px;
    marginRight: 31;
    letterSpacing: 20px;
}

.paddingLine {
    height: 8;
    background-color: #f3f4f6;
}

.paddingLineZero {
    height: 0px;
}

.tequanView {
    background-color: #fff;
}

.tequanTitle {
    background-color: #fff;
    height: 40px;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    borderBottom-width: line;
    borderBottom-color: #e6e6e6;
}

.tequan-left {
    flex: 1;
    flex-direction: row;
    justify-content: flex-start;
    padding-left: 10px;
    align-items: center;
}

.zuanshiImage {
    height: 20px;
    width: 20px;
}

.tequanRight {
    flex: 1;
    flex-direction: row;
    justify-content: flex-end;
    paddingRight: 10px;
    align-items: center;
}

.arrRImage {
    height: 10px;
    width: 15;
}

.tequanRow {
    height: 70px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.tequanItem {
    flex: 1;
    align-items: center;
    justify-content: center;
}

.tequanItemImage {
    height: 25;
    width: 25;
}

.tequanItemText {
    height: 22;
    font-size: 14;
    color: #8b8b8b;
    margin-top: 5;
}

.order-content {
    height: 50px;
    flex-direction: row;
    background-color: #fff;
    justify-content: space-between;
    align-items: center;
}

.item {
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 45;
}

itemSplite {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 25;
    width: line;
    border-left-width: line;
    border-left-color: #e6e6e6;
}

.itemPayText {
    flex: 1;
    height: 21;
    font-size: 16;
    color: #999
}

.itemNumberText {
    flex: 1;
    font-size: 16;
    height: 21;
    margin-top: 2;
    color: #0px0px0px
}

.itemNumberRedText {
    flex: 1;
    font-size: 16;
    height: 21;
    margin-top: 2;
    color: red;
}

.quanRow {
    background-color: #fff;
    height: 40px;
    flex-direction: row;
    justify-content: space-around;
    margin-top: 8;
    padding-left: 10px;
    paddingRight: 10px;
    align-items: center;
}

.memberRow {
    background-color: #fff;
    height: 40px;
    border-color: #dddddd;
    border-top-width: line;
    borderBottom-width: line;
    flex-direction: row;
    justify-content: space-around;
    padding-left: 10px;
    paddingRight: 10px;
    align-items: center;
}

.quanRowText {
    flex: 1;
    height: 20px;
    line-height: 20px;
    color: #0px0px0px;
    font-size: 18;
}

.moreView {
    flex: 1;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.moreText {
    height: 20px;
    line-height: 20px;
    color: #999;
    font-size: 16;
}

.quanTitle {
    font-size: 18;
    color: #0px0px0px;
}

.quanText {
    font-size: 16px;
    color: #999;
}

.buttonView {
    flex: 1;
    align-items: center;
    margin-top: 35;
}

.buttonText {
    color: #fff;
    font-size: 20px;
}

.shadowImg {
    width: width-30px;
    height: 22;
    left: 0px;
    top: 203;
    position: absolute;
    margin-left: 15;
    marginRight: 15;
}

